<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        caption{
            text-align: left;
        }
       table{
        border-color: blue;
        border-collapse: collapse;
       }
       th{
        text-align: center;
       }
       td.bg{
        height: 70px;
        width: 90px;
        font-weight:bold;
        color: red;
       background-image: url('pp.jpg');
       }

    </style>
</head>
<body>
    <table border="1">
        <caption>这是表格的标题</caption>
        <tr>
            <th colspan="4" align="left">这个单元格格跨列了</th>
        </tr>
    <tbody>
        <tr>
            <td rowspan="2" class="bg"><p>这个单元格跨行了</p></td>
            <td>【2,3】</td>
            <td>【2,3】</td>
        </tr>
        <tr>
            <td>【2,3】</td>
            <td>【2,3】</td>
        </tr>
    </tbody>
    </table>
</body>
</html>